﻿<!DOCTYPE HTML>
<html>

<head>
	<title>喵的小黑板</title>
	<link rel="shortcut icon" href=" /favicon.ico" />
	<meta charset="utf-8" />
	<meta name="keywords" content="张关平，关平大侠" />
	<meta name="description" content="喵的小黑板，张关平的个人网站" />
	<meta name="baidu-site-verification" content="ugTxpmiLhA" />
	<meta name="google-site-verification" content="AUzvUmpBUBqfJUrENDrCven9EastmEE4k7kPU97X1kk" />
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<audio id="music" controls="controls" style='display:none'>
		<source src="audio/bgm.mp3" type="audio/mpeg">
	</audio>
	<script>
		window.onload = function () {
			var audio = document.getElementById('music');
			audio.play();
			//audio.pause();
		}
	</script>
	<link rel="stylesheet" href="assets/css/main.css" />
	<noscript>
		<link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>

<body class="is-preload">

	<!-- Wrapper -->
	<div id="wrapper">

		<!-- Header -->
		<header id="header">
			<div class="content">
				<div class="inner">
					<h1><img src="images/head.jpg" width="64" height="64" alt="" /></h1>
					<h1>&nbsp;</h1>
					<h1>莫辜负四围香稻，万顷晴沙，</h1>
					<h1>九夏芙蓉，三春杨柳。</h1>
					<p>&nbsp;</p>
				</div>
			</div>
			<nav>
				<ul>
					<li><a href="#intro">关于</a></li>
					<li><a href="#work">项目中心</a></li>
					<li><a href="#webmin">后台管理</a></li>
					<li><a href="#contact">联系</a></li>
					<!--<li><a href="#elements">Elements</a></li>-->
				</ul>
			</nav>
		</header>

		<!-- Main -->
		<div id="main">

			<!-- Intro -->
			<article id="intro">
				<h2 class="major">关于</h2>
				<span class="image main"><img src="images/pic01.jpg" alt="" /></span>

				<p>本网站目前用于个人测试。<br />模板来源于模板之家，图片来源于摄图网。</p>
			</article>

			<!-- Work -->
			<article id="work">
				<h2 class="major">项目中心</h2>
				<span class="image main"><img src="images/pic02.jpg" alt="" /></span>

				<a href="https://zhangguanping.cn/chess">中国象棋 </a><br><br>
				<a href="https://zhangguanping.cn/mi">小密书 </a><br><br>
				<a href="https://zhangguanping.cn/flash">flash</a><br><br>
				<a href="https://zhangguanping.cn/tomcat">项目管理</a>

			</article>

			<!-- About -->
			<article id="webmin">
				<h2 class="major">后台管理</h2>
				<span class="image main"><img src="images/pic03.jpg" alt="" /></span>
				<a href="https://zhangguanping.cn:10086">后台管理 </a>
				<p></p>
			</article>

			<!-- Contact -->
			<article id="contact">
				<h2 class="major">联系</h2>
				<a href="mailto:pingguanzhang@gmail.com">pingguanzhang@gmail.com </a>
			</article>

			<!-- Elements -->
		</div>

		<!-- Footer -->
		<footer id="footer">
			<p class="copyright">&copy; 喵</p>
			<p class="copyright">&nbsp;</p>
			<p class="copyright">滇ICP备20000558号-1 </p>
			<div style="width:300px;margin:0 auto; padding:20px 0;">
				<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=53011402000455"
					style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
					<p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">
						<img src="备案图标.png" style="float:left;" />滇公网安备
						53011402000455号
					</p>
				</a>
			</div>

		</footer>

	</div>

	<!-- BG -->
	<div id="bg"></div>

	<!-- Scripts -->
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/browser.min.js"></script>
	<script src="assets/js/breakpoints.min.js"></script>
	<script src="assets/js/util.js"></script>
	<script src="assets/js/main.js"></script>

</body>

</html>
